<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script>
    let obj = {
      name: 'zhangsan'
    }
    // 创建方法： new Map()
    // 空对象
    let map = new Map()
    //填写默认成员方法 [[key,value],[key,value],...]
    let _map = new Map([['age', 19], ['gender', '男']])


    console.log(_map['age']);


    // 为map对象添加成员👇
    map.set('name', '张三')
    map.set(obj, 'map支持各种形式的键名，而普通object对象键名只能为string')


    console.log(map);
    /* 
    输出为   👇👇👇👇👇👇
    0: {"name" => "张三"}
        key: "name"
        value: "张三"
    1: {Object => "map支持各种形式的键名，而普通object对象键名只能为string"}
        key: {name: "zhangsan"}
        value: "map支持各种形式的键名，而普通object对象键名只能为string"
    */


    // 获取map对象成员👇
    map.get(obj, name)
    console.log(map.get(obj), map.get('name'))
    /*
    输出： 👇
    map支持各种形式的键名，而普通object只能是string类型
    张三
    */

  </script>
</body>

</html>
